.dui-kf-box {
	background: no-repeat; margin: -80px 0px 0px -230px; border-radius: 3px; left: 50%; top: 40%; right: auto; bottom: auto; overflow: hidden; text-decoration: none; display: none; position: fixed; z-index: 99999;
}
.dui-kf-closebt {
	top: 30px; text-align: right; right: 0px; position: absolute; cursor: pointer;
}
.dui-kf-box .kf-btn {
	left: 100px; top: 256px; position: absolute;
}
.dui-kf-list {
	background: rgb(0, 91, 172); top: 100px; width: 140px; height: 440px; right: 0px; bottom: auto; position: fixed; z-index: 99999;
}
.dui-kf-main {
	width: 140px; height: auto; position: absolute; z-index: 100;
}
.dui-kf-main .open-im {
	background: url("open_im.png") no-repeat right top; width: 40px; height: 133px; margin-left: 100px; display: none; cursor: pointer;
}
.dui-kf-main .im_main {
	background: rgb(0, 91, 172); border-radius: 8px; padding-top: 10px; padding-bottom: 10px;
}
.dui-kf-main .close-im {
	top: -12px; width: 25px; height: 25px; right: 10px; position: absolute; z-index: 100;
}
.dui-kf-main .close-im img {
	width: 100%;
}
.dui-kf-ul {
	margin: 0px auto; width: 130px; padding-top: 20px;
}
.dui-kf-ul li {
	margin-bottom: 6px;
}
.dui-kf-ul li a {
	transition:0.4s; height: 50px; display: block; position: relative; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;
}
.zx-hover {
	background: url("kf_1s.jpg") no-repeat 0px -50px;
}
.zx-hover:hover {
	background-position: 0px -50px;
}
.qq-hover {
	background: url("kf_2s.jpg") no-repeat top;
}
.qq-hover:hover {
	background-position: 0px 0px;
}
.sh-hover {
	background: url("kf_3s.jpg") no-repeat top;
}
.sh-hover:hover {
	background-position: 0px -50px;
}
.dui-kf-d {
	background: rgb(247, 76, 49); border-radius: 50%; animation:dot 1s infinite; left: 28px; top: 4px; width: 18px; height: 18px; text-align: center; color: rgb(255, 255, 255); line-height: 18px; font-size: 0.4rem; position: absolute; -webkit-animation: dot 0.5s infinite; -moz-animation: dot 0.5s infinite; -o-animation: dot 0.5s infinite;
}